@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url('https://fonts.googleapis.com/css2?family=Bad+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');



body{
	background-image:url('https://burchvif.it/index_pattern/bg_pattern.png');
	background-color:#ffff99;
	
	}
.testo_grass {
	mso-style-next:Normale;
    font-size:18.0pt;
	font-family: 'Bad Script', cursive;
	/*font-family: 'Raleway', sans-serif;*/
	/*font-family:'Palatino Linotype', 'Palatino', 'URW Palladio L';*/
	font-weight:bold;
	color:green;
	}
.titolo {
	margin:0cm;
	margin-bottom:.0001pt;
	page-break-after:avoid;
	font-size:35.0pt;
	font-family: 'Bad Script', cursive;
	color:#B45F04;
	font-weight:bold;
	}
	
	
	
/* If the screen size is 600px wide or less, set the font-size*/
@media screen and (max-width: 600px) {
	.titolo {
	
	margin:0cm;
	margin-bottom:.0001pt;
	page-break-after:avoid;
	font-size:13.0pt;
	font-family: 'Bad Script', cursive;
	color:#B45F04;
	font-weight:bold;
	}
}
@media screen and (max-width: 1000px) {
	
	
	.titolo {
	margin:0cm;
	margin-bottom:.0001pt;
	page-break-after:avoid;
	font-size:20.0pt;
	font-family: 'Bad Script', cursive;
	color:#B45F04;
	font-weight:bold;
	}
	
	
	}


.testo{

	margin:0cm;
	margin-bottom:.0001pt;
	page-break-after:avoid;
    line-height: 20px;
	font-family: 'Raleway', sans-serif;
    /*font-family: 'Open Sans', sans-serif;*/
    font-size: 15px;
	color:green;
	text-align: justify;
	}
	
.titoletto{
	font-size: 22pt;
	font-family: 'Raleway', sans-serif;
	/*font-family: "Times New Roman";*/
	color: green;
	font-weight: normal;
	font-style: italic;
}

.testo_foto{ 
	font-size: 11pt;
	font-family: 'Raleway', sans-serif;
	color: green;
	font-weight: normal;
	font-style: italic;
}


.bottone {
	width: 80;
	height: 35;
	background:#008000;
	color: white;
	font-size: 12px;
	font-weight: bold;
	border: 4px solid OLIVE;
	border-radius: 8px;
}
.bottone:hover {
	width: 80
	height: 35;
	background: #32CD32;
	color: white;
	font-size: 12px;
	font-weight: bold;
	border: 4px solid white;
	border-radius: 8px;	
}
.bottone_audio {
	width: 140;
	height: 35;
	background:#008000;
	color: white;
	font-size: 12px;
	font-weight: bold;
	border: 4px solid OLIVE;
	border-radius: 8px;
}
.bottone_audio:hover {
	width: 140
	height: 35;
	background: #32CD32;
	color: white;
	font-size: 12px;
	font-weight: bold;
	border: 4px solid white;
	border-radius: 8px;	
}
.riga{
	margin-top: 1px;
	color:#B45F04;
	width:40%;
	float:left;
	border: 2px solid;
}


	#margine{
	margin-top: 1%;
	margin-left: 7%;
	margin-right:100px;
	margin-bottom:5%;
	text-align: justify;
	}
#intestazione{
	background-color:#008000;
	color: white;
    font-family:"Arial";
    font-size: 16pt;
    font-stretch: normal;
    font-style: normal;
    font-weight: bold;
	margin-left: 0px;
}
#titolo_capitolo{
	color: green;
    font-family: "Times New Roman";
    font-size: 16pt;
    font-stretch: normal;
    font-style: normal;
    font-weight: bold;
	margin-left: 12px;
}

#immagini{
margin-top: 35px;
margin-left: 23%;
background-image:url('foglie2.gif');
background-size:100% 100%;
background-repeat:no-repeat;
width:700px;
height:700px;
}

#video{
margin-top: 35px;
margin-left: 23%;
background-image:url('');
background-size:100% 100%;
background-repeat:no-repeat;
width:700px;
height:600px;
}
#prato {
width:100%;
height:33px;
background:url(index_pattern/erbetta.png) repeat-x top left;
position: fixed;
bottom: 0;
left: 0;
overflow: hidden;
}
#pergamena{
	padding-left:20px;
	padding-bottom:25px;
	padding-top:25px;
	line-height: 20px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 19px;
	color:#D4A017;
	text-align: justify;
	background:url("");
	width:360px;
}
#povrom{
	width:100%;
	height:auto;
	margin-bottom:20px;
}
.casella{
float:left;
margin-right:2%;
}